<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性绑定指令</title>
    <!--1、导入vue.js，在window全局中就有了vue的构造函数（就和导入jQuery，window全局就有$可以使用一样）-->
    <script src="../js/vue_2.7.8.js" ></script>
</head>
<body>
<!--2、写希望让vue控制的html区域-->
<div id="app">
    <!--v-bind会动态替换元素属性值-->
    <input v-bind:placeholder="tips">
    <!--v-bind: 可以简写为: 就可以了-->
    <input :placeholder="tips">
</div>
</body>
</html>
<script>
    //3.创建vue对象，并渲染dom
    new Vue({
        //vue的固定写法，表示vue要控制的哪个dom；接收的是个选择器
        el:"#app",
        //data是要渲染的数据
        data:{
            tips:'Mr_x'
        }
    });
</script>
